<script setup>
 import ShortCut from '@/components/common/ShortCut.vue'
// import HeaderNav from '@/components/common/HeaderNav.vue'
// import Footer from '@/components/common/Footer.vue'
// </script>

<template>
  <div id="app">
    <!-- 路由视图，用来显示根据路由规则对应的页面组件 -->
     <!-- js引擎解析router-view过程：
      1.获取网络地址的hash值，#后面的值
      2.解析路由规则，找到对应的组件
      3.显示组件
      -->
    
    
   
    <!-- <HeaderNav></HeaderNav> -->
    <ShortCut></ShortCut>
   <router-view :key="$route.fullPath"></router-view>
   <!-- <Footer></Footer> -->
    
  </div>
</template>

<style scoped>

</style>
